body>div{
	/* padding-bottom: 1.2rem; */
	background-color: #fff;
}

/* 标题替换 */
.change{
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99999;
	background: #fff;
}
.change .aa{
	position: absolute;
	top: -1rem;
	left: 9.8rem;
	width: 0.66rem;
	height: 0.66rem;
	line-height: 0.66rem;
	border-radius: 50%;
	text-align: center;
	background: rgba(255,255,255,.7);
}
.change .aa img{
	width: 0.35rem;
	height: 0.16rem;
	vertical-align: middle;
}
.change .bb{
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	width: 10.2rem;
	padding: 0 0.3rem;
	height: 0.9rem;
	line-height: 0.9rem;
	color: #232323;
	background-color: #eeeeee;
}
.change .bb >div{
	width: 0.8rem;
	line-height: 0.9rem;
	text-align: center;
}
.change .bb img{
	vertical-align: middle;
}
.change .bb img:first-of-type{
	width: 0.33rem;
	height: 0.33rem;
}
.change .bb img:last-of-type{
	width: 0.4rem;
	height: 0.35rem;
}
.swiper-container1,
.swiper-container2,
.swiper-container3{
	height: 3.6rem;
	padding: 0.5rem  0.4rem ;
}
.swiper-container1 .swiper-slide,
.swiper-container2 .swiper-slide,
.swiper-container3 .swiper-slide{
	width: 4.4rem!important;
	height: 3.4rem;
	border: 1px solid #fff;
	margin-right: 0.4rem!important;
}
.swiper-container1 .swiper-slide img,
.swiper-container2 .swiper-slide img,
.swiper-container3 .swiper-slide img{
	width: 4rem;
	height: 3rem;
	margin: 0.2rem;
}
.swiper-container1 .active,
.swiper-container2 .active,
.swiper-container3 .active{
	border-color: #e60012;
}

/* 标题替换--end */

/* 文字编辑 */
.make .box{
	/* width: 10.8rem; */
}
#text-1,
#text-2,
#text-3{
	display: none;
	box-sizing: border-box;
	width: 10.8rem;
	padding: 0.4rem;
	min-height: 2rem;
}
#text:focus{
	border-color: #fff;
	outline-color: #fff;
}
.text-change .style{
	padding: 0 0.4rem;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	height: 0.84rem;
	background: #f5f5f5;
	font-family: 'Georgia';
}
.text-change .style button{
	width: 0.56rem;
	height: 0.56rem;
	line-height: 0.56rem;
	text-align: center;
	margin-right: 0.4rem;
}
.gray{
	border: 1px solid #393939;
	background: #393939;
	color: #fff;
	font-size: 0.3rem;
}
.red{
	border: 1px solid #d51717;
	background: #d51717;
	color: #fff;
	font-size: 0.3rem;
}
.bold{
	border: 1px solid #393939;
	font-weight: bold;
	background: #fff;
	color: #393939;
	font-size: 0.3rem;
}
.italic{
	border: 1px solid #393939;
	font-style: italic;
	background: #fff;
	color: #393939;
	font-size: 0.3rem;
}
.line{
	border: 1px solid #393939;
	font-weight: bold;
	background: #fff;
	color: #393939;
	font-size: 0.3rem;
	text-decoration: underline;
}
.big{
	border: 1px solid #393939;
	color: #393939;
	background: #fff;
	font-size: 0.5rem;
}



/* 右侧编辑按钮 */
.edit{
	position: absolute;
	right: 0rem;
	width:1.33rem;
	height: 0.48rem;
	line-height: 1rem;
	text-align: center;
	background:url("../img/bg.png")no-repeat center;
	background-size:1.33rem 0.48rem;
	color: #fff;
	z-index: 99;
}
.edit >span{
	display: block;
	color: #fff;
	text-align: center;
	width: 100%;
	text-indent: 0.2rem;
	height: 0.48rem;
	line-height:0.48rem;
	font-size: 0.24rem;
} 
.edit > input{
	width:1rem;
	height: 0.4rem;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	z-index: 9;
}
.edit-logo{top: 0; }
.edit-title{top: 2rem; }
.edit-bg{top: 3.4rem; }
.edit-text1{top: 0rem;}
.edit-text2{top: 2rem;}
.edit-pic{top:4rem;}
.edit-text3{top: -0.24rem;}

.edited .save-btn{
	display: block;
	z-index: 99;
}
.btn{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100%;
}
.btn button{width: 100%;}
.btn button a{
	font-size: 0.36rem;
	width: 100%;
	height: 1.2rem;
	line-height: 1.2rem;
	color: #fff;
	background: #c22020;	
}

.radio{
	display: inline-block;
	line-height: 0.72rem;
}
.radio span{
	font-size: 0.36rem;
	display: inline-block;
	text-indent: 0.5rem;
	margin-right: 0.5rem;
	background: url('../img/radio.jpg')no-repeat left center;
	background-size: 0.29rem 0.29rem;
}
.radio span.active{
	background: url('../img/radio1.jpg')no-repeat left center;	
	background-size: 0.29rem 0.29rem;
}

/* index */
.index{
	position: relative;
	box-sizing: border-box;
	max-width: 10.8rem;
	height: 100%;
	min-height: 17rem;
	background: url('../img/index-bg2.jpg')no-repeat center;
	background-size: 10.8rem 100%;
	overflow: hidden;
}
.index .a{
	position:absolute;
	box-sizing: border-box;
	width: 2.2rem;
}
.a1{
	top: 2.2rem;
	left: 3.3rem;
	font-size: 0.27rem;
	color: #fff;
}
.a1-1{
	top: 2rem;
	left: 5.7rem;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.a1-1 span:first-child{
	font-size: 0.32rem;
	color: #54eab4;
}
.a1-1 span:last-child{
	font-size: 0.38rem;
	color: #232323;
}
.b1,.b2,.b3{
	position: absolute;
	font-size: 0.36rem;
	box-sizing: border-box;
	color: #fff;
}
.b1{
	left: 0.7rem;
	bottom: 0.6rem;
	width: 3.46rem;
	height: 5.2rem;
}
.b1 a{
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
}
.b2 a,.b3 a{
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 1.3rem;
	color: #fff;
}
.b2,.b3{
	right: 0.7rem;
	text-align: center;
	width: 5.6rem;
	height: 2.4rem;
}
.b2{bottom:4rem;}
.b3{bottom:0.6rem;}

 .index .b1 span:first-child{
	margin-top: 1.6rem;
	margin-bottom: 0.1rem;
}
/* make-form */
.make-form{
	color:#232323;
	font-size: 0.36rem;
}
.make-form .form-name{
	padding: 0 0.74rem;
}
.make-form .form-name input{
	width: 100%;
}
.make-form>p{
	height: 0.4rem;
	line-height: 0.4rem;
	margin: 0.7rem 0.7rem 0.5rem;
	text-indent: 0.5rem;
	background: url('../img/icon1.jpg')no-repeat left center ;
	background-size: 0.38rem 0.38rem;
}
.make-form ul{
	/*box-sizing: border-box;*/
	width: 100%;
	padding: 0 0.7rem;	
	flex-flow: row wrap;
}
.make-form ul li{
	width: 2.7rem;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	margin-right: 0.5rem;
	margin-bottom: 0.4rem;
}
.make-form ul li a{width: 100%;}
.make-form ul li.active{
	color: #fff;
	background: #e60012;
}
.make-form ul li:nth-child(3n){
	margin-right: 0;
}
/* course */
.course{
	padding-top: 0.3rem;
}
.course .lists{
	margin-bottom: 1.6rem;
	font-size: 0.36rem;
 	padding: 0 0.7rem;
}
.course .lists li{
	padding: 0.34rem 0;
	border-bottom: 1px solid #232323;
}
.course .lists li >span{
	font-size: 0.36rem;
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
	border: 1px solid #232323;
	border-radius: 50%;
	margin-right: 0.4rem;
	padding: 0.06rem;
}
.course .lists li input{
	width: 8rem;
	font-size: 0.36rem;
}
.course .lists{
	flex-flow: column nowrap;
}

/* bulid-form */
.bulid-form .btn>button{
	width: 50%;
}
.bulid-form .btn>button:first-child a{
	background: #9f9f9f;
}
.bulid-form .lists{
	padding: 0.2rem 0.7rem;
	flex-flow: column nowrap;
}
.bulid-form .lists >li{
	line-height: 0.36rem;
	border-bottom: 1px solid #d2d2d2;
	padding: 0.4rem 0;
}
.bulid-form .lists span{
	font-size: 0.36rem;
	margin-right: 0.3rem;
}
.bulid-form .lists input{
	font-size: 0.36rem;
	width: 7rem;
}
.bulid-form .lists >li.checkbox{
	padding-bottom: 0;
}
.checkbox >span:nth-child(2){
	color: #b1b1b1;
	margin-left: 0.42rem;
}

.checkbox>ul{
	flex-flow: row wrap;
	padding: 0.4rem 0 0 0.4rem;
}
.checkbox>ul li{
	padding-left: 0.5rem ;
	background: url('../img/check1.jpg')no-repeat left bottom;
	background-size: 0.29rem 0.29rem;
	margin-right: 0.6rem;
	margin-bottom: 0.5rem;
}
.checkbox>ul li.active{
	background: url('../img/check2.jpg')no-repeat left bottom;
	background-size: 0.29rem 0.35rem;	
}
.form .btn>button{
	width: 100%;
}
/* bulid-form--end */
.form .btn>button:first-child a{
	background: #c22020;
}
.form .correct{
	background: url('../img/correct.jpg')no-repeat right center;
	background-size: 0.43rem 0.43rem;
}
.form .error{
	background: url('../img/error.jpg')no-repeat right center;
	background-size: 0.43rem 0.43rem;
}

/* make-problem */
.make-problem .single .lists li:nth-child(n+3){
	display: none;
}
.switch{
	width: 0.9rem;
	height: 0.5rem;
	background: url('../img/switch1.jpg')no-repeat center;
	background-size: 0.9rem 0.5rem;
}
.switch-close{
	background-image: url('../img/switch.jpg');
}
.make-problem>div{
	padding: 0.4rem 0.7rem 0;
}
.make-problem .top p{
    line-height: 0.36rem;
    border-bottom: 1px solid #d2d2d2;
    padding: 0.4rem 0;
}
.make-problem .top p:first-child input{
	/* font-size: 0.36rem; */
	font-size: 0.38rem;
	width: 7rem;
	margin-left: 0.3rem;
}
.make-problem .radio{
	margin-left: 0.3rem;
}
.make-problem .radio .b{font-weight: normal;}
.make-problem .lists{
	flex-flow: row wrap;
	font-size: 0.36rem;
 	padding-left:  1.8rem ;
}
.make-problem .lists li{
	/* width: 3.3rem; */
	padding: 0.34rem 0;
	border-bottom: 1px solid #232323;
}
.make-problem .lists li:nth-child(odd){
	margin-right: 0.4rem;
}
.make-problem .lists li >span{
	font-size: 0.36rem;
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
	border: 1px solid #232323;
	border-radius: 50%;
	margin-right: 0.2rem;
	padding: 0.04rem;
}
.make-problem .lists li input{
	width: 2.6rem;
	font-size: 0.36rem;
}
/* make-problem--end */

/* choose */
.choose{
	width: 100%;
	box-sizing: border-box;
	/* padding: 0.5rem 1rem; */
	/* padding: 0.74rem 0; */
}
.choose .swiper-container{margin-bottom: 1rem;}
.choose .swiper-container img,
/* .choose .swiper-wrapper, */
.choose .swiper-slide{
	width: 100%!important;
}
.choose .swiper-container{
	/* width: 8.8rem!important; */
	/* margin:  0 auto; */
	/* height: 100%; */
		/* width: 100%; */
	/* box-sizing: border-box; */
}
/* choose--end */

/* make*/

.make{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.make-box{
	overflow: hidden;
	padding-bottom: 1.2rem;
}
.make .swiper-container{height: 100%;}
.bg{
	/* position: absolute; */
	position: fixed;
	width: 100%;
	height: 100%;
	z-index:0;
}
.make .top{
	position: relative;
	text-align: center;
	height: 5.6rem;
	line-height: 5.6rem;
}
.logo{
	position: absolute;
/* 	top: 0;
	left: 0.44rem; */
	width: 1.8rem;
	height: 1rem;
	z-index: 2
}
.title{
	/* width: 8.7rem; */
	width: 70%;
	height: 5rem;
	z-index: 1;
	vertical-align: middle;
	margin-top: 0.7rem;
}
.content{
	position: relative;
}

.content #text2 {
	/* align-items: center; */
	padding-left: 1.6rem;
	flex-flow: column wrap;
}
.content #text2 li{
	font-size: 0.42rem;
	padding-left: 0.4rem;
	font-weight: bold;
	background: url('../img/list.png')no-repeat left center;
	background-size: 0.24rem 0.24rem;
}
.content ul#text2 li p{
	display: inline-block;
}
.content ul#text2 li span{
	/* color: #d51717; */
	/* margin: 0 0.2rem; */
}
.content #text1{
	/* width: 8.3rem; */
	width: 60%;
	margin: 0 auto 0.3rem;
	word-wrap: break-word; 
	word-break: normal;
	text-align: center; 
}
.content #text1 li{
	font-size: 0.24rem;
}
.content #text1 p{
	font-size: 0.24rem;
}


.content .img{
	position: relative;
	width: 9.2rem;
	height: 5rem;
	text-align: center;
	margin:0.3rem auto;
}
.content .img >div{
	width: 100%;
	height: 100%;
}
.content .img-a1{
	box-shadow: 0 0px  4px #00000033;
	transform: rotate(-3deg);
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 0.2rem 0.2rem 0.4rem;
}
.content .img-bd{
	position: relative;
	width: 100%;
	height: 100%;
	background: #eee;
	border: 1px solid #e1e1e1;
}
.content input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index:99;
}
.content .img span{
	position: absolute;
	left: 0;
	right: 0;
	margin:1.6rem auto 0;
	font-size: 0.22rem;
} 
.content .img-a2 >div span{
	position: absolute;
	left: 0;
	right: 0;
	margin:0.3rem auto 0;	
	width: 64%;
} 
.content .img-a1 img{
	z-index: 100;
	width: 100%;
	height: 100%;
}
.content .img-a2{
	position: absolute;
	right: -0.3rem;
	bottom: -0.1rem;
	transform: rotate(6deg);
	box-sizing: border-box;
	width: 2.2rem;
	height: 2rem;
	background: #fff;
	padding: 0.1rem 0.1rem 0.2rem 0.1rem;
}

.content .img-a2 img{
	z-index: 110;
	border: 1px solid #e1e1e1;
	width: 2rem;
	height: 1.5rem;
}

.content .img-b1{
	box-shadow: 0 0px  4px #00000033;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 0.2rem 0.2rem 0.4rem;
}
.content .img-b1 img{
	z-index: 100;
	width: 100%;
	height: 100%;
}

.img-0{
	height: 100%;
	box-sizing: border-box;
	padding: 0.2rem;
	background: #fff;
}
.img-0 ul>li,.img-c-right{background: #eee;}
.img-0 input{
	position: static;
	background: #eee;
	opacity: 0;
}
.img-c >li:first-child{
	width: 3.2rem;
	height: 100%;
}
.img-c >li:nth-child(2){
	width: 5.4rem;
	margin-left: 0.2rem;
	height: 100%;
}
.img-c >li:first-child ul{
	height: 100%;
}
.img-c-left ul li:first-child{
	margin-bottom: 0.2rem;
}
.img-c-left ul li{
	height: 2.2rem
}
.img-d-left ul li:first-child{
	width: 2.15rem;
	height: 1.4rem;
	margin-bottom: 0.12rem;
}
.img-d-left ul li:nth-child(2){
	width: 2.15rem;
	height: 3.1rem;
}
.img-d-middle,
.img-e-middle{
	width: 4.25rem;
	margin:0 0.12rem;
	background: #eee;
	height: 100%;
}
.img-d-right ul li:first-child{
	width: 2.15rem;
	height: 3.1rem;
	margin-bottom: 0.12rem;
}
.img-d-right ul li:nth-child(2){
	width: 2.15rem;
	height: 1.4rem;
}
.img-e-left ul li,
.img-e-right ul li{
	width: 2.15rem;
	height: 1.47rem;
}
.img-e-left ul li:not(:last-child),
.img-e-right ul li:not(:last-child){
	margin-bottom: 0.1rem;
}
.img-f-left ul li{
	width: 2.15rem;
	height: 1.47rem;
}
.img-f-left ul li:not(:last-child){
	margin-bottom: 0.1rem;
}
.img-f-right{
	width: 6.5rem;
	margin-left: 0.1rem;
	background: #eee;
	height: 100%;
}
.img-b,
.img-c,
.img-d,
.img-e,
.img-f{display: none;}

.bg-icon{
	display: block;
	/* width: 6.32rem; */
	width: 60%;
	/* height: 0.22rem; */
	margin: 0 auto;
}
.bottom{
	position: relative;
	justify-content: space-between;
	padding: 0.4rem 0.35rem 0.4rem 16%;
}
.bottom-left{
	/* width: 6rem; */
	width: 60%;
}
.bottom-left li{
	margin-bottom: 0.2rem;
		font-size: 0.29rem;
	color: #272727;
}
.bottom-left li span{
	font-size: 0.29rem;
	color: #272727;
}
.bottom-left li span:first-child{
	margin-right: 0.1rem;
}
.bottom-right{
	/* width: 2rem; */
	width: 30%;
	justify-content: center;
	align-items: center;
	flex-direction: column ;
}
.bottom-right div{
	width: 1.9rem;
	height: 1.9rem;
	background: #fff;
	padding: 5px;
}
.bottom-right img{
/* 	margin: 0.05rem; */
/* 	width: 1.8rem;
	height: 1.8rem; */
	width: 100%;
	height: 100%;
}
.bottom-right p{
	margin-top: 0.1rem;
	color: #6b6b6b;
	text-align: center;
	font-size: 0.18rem;
}
.bottom-right p span{
	/* transform: scale(0.5, 0.5); */
}
.cover{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	background: rgba(0, 0, 0, .7);
	z-index: 999999;
}
.cover .a{
	position: absolute;
	top: 1.1rem;
	right:0.9rem;
	background: url('../img/cover1.png')no-repeat center;
	background-size: 1.9rem 1.2rem;
	text-align: center;
	width: 1.9rem;
	height: 1.2rem;
	line-height: 1.2rem;
}
.cover .b{
	position: absolute;
	bottom: 0;
	top: 0;
	left: 2rem;
	margin: auto 0;
	width: 1.1rem;
	height: 1.87rem;
}
.cover .c{
	position: absolute;
	top: 70%;
	left: 0;
	right: 0;
	margin:0  auto ;
	text-align: center;
	font-size: 0.48rem;
}

/* saveShare */
.save-share{
	text-align: center;
	padding: 0.4rem 0.6rem;
}
.save-share img{
	width: 7rem;
	height: 12rem;
	margin: 0 auto;
}
.btns{
	margin-top: 0.4rem;
}
.btns p{
	margin: 0.3rem 0;
	text-align: center;
	font-size: 0.22rem;
	color: #989898;
}
.btns button{
	width: 100%;
	height: 1.2rem;
}
.btns button a{
	font-size: 0.36rem;
	width: 100%;
	height: 100%;
	line-height: 1.2rem;
	color: #fff;
}
.save{
	background: #d83b0b;
}
.share-link{
	background: #a51d1d;
}

/* share */
.share{height: 100%;}
.share img{
	width: 100%;
	/* height: 100%; */
    display: block;
    vertical-align: middle;
}
.share-cover .a{
 top: 3rem;
}
.share-cover .b{
  left: 0;
  right: 0;
  margin:4rem  auto;
	 width: 7.4rem;
	 height: 7.74rem;
}
.share-cover .c{
	/* top: 60%; */
	top: auto;
	bottom: 5rem;
}
.share-cover .d{
	position: absolute;
	top: 0;
	right: 0.6rem;
	width: 2rem;
	height: 2.22rem;
}

/* code */
.code{
	/* position: absolute; */
	position: relative;
	width: 100%;
	height: 100%;
	/* height: 18rem; */
	background: #d1d1d1;
}
.code .box{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	width: 7.88rem;
	height: 7.88rem;
	line-height: 7.88rem;
	margin: auto;
	text-align: center;
}
.code input{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.code span{font-size: 0.36rem;}
/* #image,.cropper-container{display: none} */
.code .box1{
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 2rem 0.5rem 3rem;
	width: 100%;
	height: 100%;
	/* display: none; */
	background: #000;
}
.code .box1-content{
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: #000;
}

/* .code .img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 8.9rem;
	height: 8.9rem;
	background: url('../img/code-bg.png')no-repeat center;
}
.code .img img{
	position:relative;
	transform-origin:center;
	width: 100%;
	height: 100%;
} */
.code .bottom{
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0	;
	box-sizing: border-box;
	width: 100%;
	padding: 0 0.6rem;
	border-top: 1px solid #707070;
}
.code .bottom li{
	height: 1.2rem;
	line-height: 1.2rem;
}
.code .bottom li a{
	color: #fff;
	height: 100%;
	padding: 0 0.4rem;
}
.code .bottom li:nth-child(2) a{
	color: rgba(255,255,255,0.3);
}

/* .sucess */
.sucess-top{
	text-align: center;
	width: 100%;
	height: 5rem;
	padding-top: 1.6rem;
}
.sucess-top img{
	width: 2.84rem;
	height: 2.84rem;
}
.sucess-top p{
	margin: 0.7rem 0;
}
.sucess-middle{
	padding: 0.6rem 0;
}
.sucess-middle >p{
	margin-left: 1.1rem;
	padding-left: 0.4rem;
	background: url('../img/directive.jpg')no-repeat left center;
	background-size: 0.34rem 0.28rem ;
}
.sucess-mes{
	box-sizing: border-box;
	width: 100%;
	height: 4.5rem;
	padding: 0.8rem 1.6rem;
	background: url('../img/banner.jpg')no-repeat center;
	background-size: 100% ;
	color:#ffc600;
	margin: 0.1rem 0 0.7rem;
}
.sucess-mes ul{
	justify-content: space-between;
}
.sucess-bottom {
	padding: 0.4rem 0 0.7rem;
}
.sucess-bottom .code{
	box-sizing: border-box;
	justify-content: space-between;
	width: 4.6rem;
	/* height: 2.3rem; */
	padding: 0.16rem;
	background: #f3f3f3;
	margin: 0 auto 0.2rem;
}
.sucess-bottom img{
	width: 2rem;
	height: 2rem;
}


/* 模板2 */
.make2{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	background: #e60012;
	padding: 0.3rem;
	color: #383431;
}
.make2 .content{
	overflow: hidden;
	width: 100%;
	border-radius: 0.2rem;
	background: #fff;
}
.make2 p{
	font-weight: bold;
}
.make2 .top{
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: 1.32rem;
	line-height: 1.32rem;
	margin: 0.4rem;
}
.make2 .top img{
	width: 2.7rem;
	height: 1.32rem;
	margin-right: 0.3rem;	
}
.make2 .top h1{
	font-family: "汉真广标";
	color: #383431;
	font-size: 1.1rem;
}
.make2 .mes1{
	padding: 0 0.3rem;
	margin-bottom: 1rem;
}
.make2 .mes1 >p{
	font-size: 0.64rem;
	color: #383431;
}
.make2 .mes1 >div{
	font-family: "方正粗宋简体";
	position: relative;
	padding: 1.4rem 0 1.4rem  2.7rem;
}
.make2 .mes1 >div:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 3rem;
	height: 1px;
	background: #383431;
	transform:rotate(-45deg);
}
.make2 .mes1 >div:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 3rem;
	height: 1px;
	background: #7a7775;
	transform: rotate(-45deg);
}
.make2 .mes1 >div >p{
	font-size: 0.9rem;
	font-weight: 900;
}
.make2 .mes2{
	position: relative;
	box-sizing: border-box;
	color: #fefeff;
	width: 100%;
	background: url("../img/make2-bg.jpg")no-repeat center;
	background-size:100% 11rem;
	padding: 3.6rem 1rem 0.8rem;
}
.make2 .mes2>div{
	transform: rotate(45deg)  translate(2.6rem,-1.6rem); 
}
.make2 .mes2-1 {
	margin-bottom: 0.6rem;
}
.make2 .mes2-1 span:first-child{
	display: inline-block;
	width: 1rem;
	word-break: break-all;
	word-wrap: break-word;
 	font-size: 0.37rem;
 	margin-right: 0.1rem;
}
.make2 .mes2-1 span:last-child{
 	font-size: 0.86rem;	
}
.make2 .mes2-2 {
	margin-bottom: 0.3rem;
}
.make2 .mes2-2 p:first-child,
.make2 .mes2-3 p:first-child{
	font-size: 0.43rem;
}
.make2 .mes2-2 p:last-child{
	font-size: 0.86rem;
	color: #e60012;
}
.make2 .mes2-3 p:first-child{
	margin-bottom: 0.2rem;

}
.make2 .mes2-3 p:last-child{
	font-size: 0.37rem;

}

.make2 .wx{
	text-align: center;
	position: absolute;
	left: 1rem;
	bottom:0.3rem;
}
.make2 .wx img{
	width: 1.7rem;
	height: 1.7rem;
}
.make2 .wx p{
	font-size: 0.17rem;
	color: #fff;
}

/* 模板3 */
.make3{
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	min-height: 18.3rem;
	/* height: 100%; */
	width: 100%;
	background:url("../img/make3-bg.jpg")no-repeat center;
	background-size: 100% 100%;
	padding: 0.3rem 0.6rem;
}
.make3 .content{
	/* padding: 0.2rem 0.4rem; */
}

.make3 .logo3 img{
	width: 2.7rem;
	height: 1.32rem;
}
.make3 .p1{
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	width: 3.2rem;
	padding: 0.5rem;
	color: #5dbfc5;
}
.make3 .p1-1 span:first-child{
	font-size: 1.06rem;
	line-height: 1;
}
.make3 .p1-1 span:last-child{
	font-size: 0.7rem;
	line-height: 1;
}
.make3 .p1-2{
	font-size: 2rem;
	line-height: 1;
}
.make3 .p2{
	width: 5rem;
	margin: 5rem 0 0.8rem;
	font-size: 0.52rem;
	color: #6097d1;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #a1a08b ;
}
.make3 .p2 p{
	margin-bottom: 0.2rem;
}
.make3 .p3{
	/* margin-top: 2rem; */
	color: #1c4078;
	font-weight: bold;
}
.make3 .p-t{
	font-weight: bold;
	font-size: 0.43rem;
}
.make3 .p3>p:last-child{
	font-size: 0.76rem;
}
.make3 .p4{
	word-wrap: break-word;
	word-break: break-all;
	color: #1c4078;
	margin-top: 0.5rem;
}
.make3 .p4 .p-t{
	margin-bottom: 0.2rem;
}
.make3 .wx{
	text-align: center;
	position: absolute;
	right: 0.2rem;
	bottom:0.4rem;
}
.make3 .wx img{
	width: 1.7rem;
	height: 1.7rem;
}
.make3 .wx p{
	font-size: 0.17rem;
	color: #fff;
}

/*my*/
.my{
	color:#393939;
	background: #ededed;
}
.my-top{
	width: 100%;
	height: 6.6rem;
	background: url("../img/my-bg.jpg")no-repeat center;
	background-size:100% 6.6rem ;
}
.my .avator{
	padding-top: 1.2rem;

}
.my .avator img{
	width: 2.1rem;
	height: 2.1rem;
	border:2px solid #fff;
	border-radius: 50%;
}
.my .apply-num{
	padding: 0.7rem 0.5rem 0 ;
	text-align: center;
}
.my .apply-num li p:first-child{
	color:#c32021;
	font-weight: bold;
	/*margin-bottom: 0.2rem;*/
}
.my .apply-num li{width: 50%;}
.my .my-bottom{
	position: relative;
	box-shadow: 1px 0px 10px 1px #dbdada;
	background: #fff;
	margin-top: 0.4rem;
	border-radius: 0.4rem 0.4rem 0 0;
}
.my .my-bottom >ul{
	padding: 0.5rem 0.5rem 0;
	text-align: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.my .my-bottom >ul>li{
	box-sizing: border-box;
	width: 3.2rem;
	height: 2.5rem;
	border-bottom: 1px solid #f8f8f8;
}
.my .my-bottom >ul>li:not(:nth-child(3n)){
	border-right:1px solid #f8f8f8;
}
.my .my-bottom a{
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.my .my-bottom a>img{
	margin-bottom: 0.1rem;
	min-width: 0.32rem;
	max-height: 0.62rem;
}


/*my-apply1*/
.my-apply1 .apply-date{
	margin-left: 0.4rem;
	margin-top: 0.4rem;
	width: 1.2rem;
	border:1px solid #b5b5b5;
}
.my-apply1 .apply-date .day1{
	color:#989898;
	background: #fff;
}
.my-apply1 .apply-date .day2{
	color:#fff;
	background:#b5b5b5;
}
.my-apply1 .list >li{
	/* padding: 0 0.4rem; */
	border-bottom: 1px solid #eee;
	box-shadow: 1px 0px 20px 1px #eee;
}
.my-apply1 .list1-l{
	color: #393939;
}
.my-apply1 .list1{
	/* margin-right: 0.4rem; */
	width: 9rem;
}
.my-apply1 .list1 img{
	width: 0.8rem;
	height: 1.4rem;
}
.my-apply1 .list1>li,.my-apply1 .list1-r{
  flex-direction:row;
  justify-content: space-around;
  align-items: center;	
}
.my-apply1 .list1>li{
  justify-content: space-between;	
	position: relative;
	height: 1.2rem;
	padding: 0.5rem 0 0.3rem 0.5rem;
	background: url("../img/my-apply1.jpg")no-repeat left center;
	background-size: 0.37rem 2.2rem;
}
/* .my-apply1 .list1>li:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	margin-left: -0.24rem;
	width: 0.36rem;
	height: 0.36rem;
	border: 1px solid #eee;
	border-radius: 50%;
}.my-apply1 .list1>li:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	margin-left: -0.14rem;
	width: 0.26rem;
	height: 0.26rem;
	background: #c32021;
	border-radius: 50%;
} */
.apply-num{
  margin:0 0.4rem;
  flex-direction:column;
  justify-content: space-around;
  align-items: flex-end;
}
.apply-num span:first-child{
	color:#c32021;
}
.apply-num span:last-child{
	color:#989898;
}

/*my-apply2 my-apply3*/
.my-apply2 .apply-bottom .list>li{
	padding-left: 0.6rem;
}
.my-apply2 .list>li>a{
	display: block;
	/* padding-left: 0.6rem; */
}
.my-apply2 li,.my-apply2 button a,
.my-apply3 li,.my-apply3 button a{
	color: #232323;
}
.my-apply2 .apply-top,
.my-apply3 .apply-top{
	background: #eee;
	padding: 0.3rem 0.5rem;
}
.my-apply3 .apply-top>ul{
	justify-content: flex-end;
}
.my-apply2 .apply-top button,
.my-apply3 .apply-top button{
	background: #eee;
}
.my-apply2 .apply-bottom,
.my-apply3 .apply-bottom{
	background: #fff;
}
.my-apply2 .apply-bottom>.list,
.my-apply3 .apply-bottom>.list{
	padding: 0 0.5rem;
}

.my-apply2 .check-all,
.my-apply2 .check{
	padding-left: 0.6rem;
}
.my-apply2 .check1{
	background: url("../img/check1.png")no-repeat left 0.37rem;
	background-size: 0.37rem 0.37rem;
}
.my-apply2 .check2{
	background: url("../img/check2.png")no-repeat left 0.37rem;
	background-size: 0.37rem 0.37rem;
}
.my-apply2 .check-all.check1{
	background: url("../img/check1.png")no-repeat left 0.1rem;
	background-size: 0.37rem 0.37rem;
}
.my-apply2 .check-all.check2{
	background: url("../img/check2.png")no-repeat left 0.1rem;
	background-size: 0.37rem 0.37rem;
}
.apply-bottom .list>li{
	padding: 0.3rem 0;
   border-bottom: 1px solid #dcdcdc;
}
.apply-bottom .list1{
	align-items: flex-start;
}
.apply-course .list2{
	width: 4rem;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.apply-course .list2 li:nth-child(2n){
	margin-left: 0.1rem;
}

/* my-apply3 */
.my-apply3 .list2>li{
	position: relative;
}
.my-apply3 .list2>li:not(:last-child):after{
	content: '、';
}
.my-apply3 .list3{
	max-width: 7rem;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.my-apply3 .list3>li{
	padding-left: 0.3rem;
}
/* end*/

/* .set */
.set .list{
	padding: 0 0.5rem;	
}
.set .list >li{
    border-bottom: 1px solid #dcdcdc;	
}
.set .list >li>a{
	display: block;
	width: 100%;
}
.set .list1 >li{
	color: #393939;
	padding: 0.3rem 0;
}
.set1 .list1 img{
	width: 0.18rem;
	height: 0.36rem;
}
.set2 input{
	font-size: 0.36rem;
	color: #393939;
	width: 7rem;
	text-align: right;
}

/* my-poster */
.my-poster .list >li{
	padding: 0;
}
.my-poster .dots{
	margin:0 0.5rem;
	width: 0.8rem;
	height: 1.4rem;
	/* background: url('../img/') */
}
.my-poster .dots span{
	display: block;
	width: 0.14rem;
	height: 0.14rem;
	min-width: 5px;
	min-height: 5px;
	background: #9e9e9e;
	border-radius: 50%;
	margin-bottom: 0.1rem;
}
.my-poster .active .dots span{
	background: #c32021;
}
.my-poster .active .show-ul{display: flex;}
.show-ul{
	display: none;
	position: absolute;
	top: 2rem;
	right: 0;
	box-sizing: border-box;
	padding: 0.1rem 0;
	height: 1.4rem;
	width: 10.8rem;
	/* background: #eee; */
	background: url('../img/poster-bg.jpg')no-repeat center;
	background-size: 10.8rem 1.4rem;
	z-index: 999;
}
.show-ul .apply-num{
	align-items: flex-start;
}
.show-ul button{
	width: 1.54rem;
	height: 0.6rem;
	background: #eee;
	border-radius: 0.3rem;
	margin-left: 0.3rem;
}
.show-ul .share{
	background: #ec6513;
}
.show-ul .del{
	background: #4f4f4f;
	margin-right: 0.8rem;
}
.show-ul .change{
	position: static;
	display: inline-block;
	background: #c32021;
}
.show-ul a{
	color: #fff;
}
.show-ul .apply-num span:last-child{
	color: #4f4f4f;
}

.my-poster .list1-li.active{
	margin-bottom: 1.4rem;
}

/* ..my-poster1  */
.my-poster1{
	position: relative;
	padding-bottom: 1.2rem;
}
.my-poster1 .img{
	padding: 0.4rem 1rem;
}
.my-poster1 img{
	width: 100%;
}
.my-poster1 .bottom-btn{
	position: fixed;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	padding: 0 1rem;
	width: 100%;
	border-top: 1px solid #a0a0a0;
	height: 1.2rem;
	line-height: 1.2rem;
}
.my-poster1 a{
	color: #393939;
}
.my-poster1 button{background: #fff;}
.my-poster1 .del a{
	color: #9f9f9f;
}
.my-poster1 .change{
	display: inline-block;
	position: static;
}